<!DOCTYPE html>
<html><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <script src="http://lll.keyan.mobi/addons/hc_face/template/mobile/js/jquery.js?1558670983"></script>
    <script src="http://lll.keyan.mobi/addons/hc_face/template/mobile/js/common.js?1558670983"></script>
    <link rel="stylesheet" type="text/css" href="http://lll.keyan.mobi/addons/hc_face/template/mobile/css/swiper.css?1558670983">
    <link rel="stylesheet" type="text/css" href="http://lll.keyan.mobi/addons/hc_face/template/mobile/css/index.css?1558670983">
    <script src="http://lll.keyan.mobi/addons/hc_face/template/mobile/js/swiper.min.js?1558670983"></script>
    <title>运势大师</title>
    <script type="text/javascript">
        document.onreadystatechange = loadingChange;//当页面加载状态改变的时候执行这个方法.
        function loadingChange() {
            if (document.readyState == "Loading") {//当页面加载状态为完全结束时进入
                $(".container").hide()
            }
            if (document.readyState == "complete") {//当页面加载状态为完全结束时进入
                $(".shodow").hide()
                $(".container").show()
            }
        }

    </script>
    <style type="text/css">

    </style>
    <script type="text/javascript" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/js/jweixin-1.4.0.js"></script>
    <script type="text/javascript">
        wx.config({
            debug: false,
            appId: '',
            timestamp: '',
            nonceStr: '',
            signature: '',
            jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','openAddress','chooseWXPay','chooseImage','uploadImage']
        });
        var a=1;
        wx.ready(function () {
            wx.onMenuShareAppMessage({
                title: '运势大师',
                desc: '专家和大师帮你解读过去、未来、吉凶祸福、婚姻、家庭、事业等。',
                link: 'http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=index&m=hc_face&pid=2829',
                imgUrl: 'http://lll.keyan.mobi/attachment/images/21/2019/05/W70zt9QPZqrNh9Y75h87hnQ0nP03QN.jpeg'
            });

            wx.onMenuShareTimeline({
                title: '运势大师',
                link: 'http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=index&m=hc_face&pid=2829',
                imgUrl: 'http://lll.keyan.mobi/attachment/images/21/2019/05/W70zt9QPZqrNh9Y75h87hnQ0nP03QN.jpeg'
            });
        })
    </script></head>

<body>
<div class="shodow row" style="display: none;">
    <div class="loadings">
        <img class="loading_0" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_0.png">
        <img class="loading_img loading_1" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_1.png">
        <img class="loading_img loading_2" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_2.png">
        <img class="loading_img loading_3" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_3.png">
        <img class="loading_img loading_4" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_4.png">
        <img class="loading_img loading_5" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/loading_5.png">
    </div>
</div>

<div class="shareMain" onclick="hide()" style="display: none;">
    <img class="share_btn" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/share.png">
</div>
<div class="container">
    <!-- 新用户首页开始 -->
    <div id="first" class="first" style="">
        <div class="tablist" id="tablist">
            <div class="tabitem row">
                <img class="tab_img" style="display: none;" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/tab1.png">
                <img class="tab_img sel" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/tab_sel1.png">
            </div>
            <div class="tabitem row">
                <img class="tab_img" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/tab2.png">
                <img class="tab_img sel" style="display: none;" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/tab_sel2.png">
            </div>
        </div>
        <div class="firstDiv" style="background: url(http://lll.keyan.mobi/addons/hc_face/template/mobile/images/first.png) no-repeat;background-size: 100% 100%">
            <div class="tabDiv">
                <div class="firstTop">
                    <span>已有1045350人获取报告</span>
                    <div class="userInfo firstrow">
                        <div class="avatarDiv">
                            <div class="avatarShadow"></div>
                            <img class="avatar blur" src="http://lll.keyan.mobi/addons/hc_face/avatar/201905101321435cd50a674924b.jpeg">
                        </div>
                        <span><text class="blur">用户张三</text>刚刚获取面相报告</span>
                    </div>
                </div>
                <div class="firstBottom">
						<span>
														面相学是根据长相、气质、音容笑貌来判断和预知一个人的过去、未来、吉凶祸福、婚姻、家庭、事业等。我们认真研读相关书籍，潜心研究推演算法，在各位专家和大师的精心指导下不断提高测算及报告的精准度，志在宣扬民族文化使每个人都能从中华五千年传统文化中受益。													</span>
                    <div class="firstTab">
                        <div class="firstItem">
                            <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon1.png">
                            <span class="bg_a">面相学</span>
                        </div>
                        <div class="firstItem">
                            <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon2.png">
                            <span class="bg_a">人工智能</span>
                        </div>
                        <div class="firstItem">
                            <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon3.png">
                            <span class="bg_a">人脸定位</span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="tabDiv" style="display: none">
                <div class="firstTop" style="height:36vw;">
                    <span>已有1045350人获取报告</span>
                    <div class="userInfo firstrow">
                        <div class="avatarDiv">
                            <div class="avatarShadow"></div>
                            <img class="avatar blur" src="http://lll.keyan.mobi/addons/hc_face/avatar/201905101321435cd50a674924b.jpeg">
                        </div>
                        <span><text class="blur">用户张三</text>刚刚获取手相报告</span>
                    </div>
                </div>
                <div class="firstBottom">
						<span>
														手相学是根据手相、掌纹、指纹来判断和预知一个人的过去、未来、吉凶祸福、婚姻、家庭、事业等。我们认真研读相关书籍，潜心研究推演算法，在各位专家和大师的精心指导下不断提高测算及报告的精准度，志在宣扬民族文化使每个人都能从中华五千年传统文化中受益。													</span>
                    <div class="firstTab">
                        <div class="firstItem">
                            <img class="icon_img" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon11.png">
                            <span>手相学</span>
                        </div>
                        <div class="firstItem">
                            <img class="icon_img" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon12.png">
                            <span>人工智能</span>
                        </div>
                        <div class="firstItem">
                            <img class="icon_img" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/firsticon13.png">
                            <span>手定位</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- ----------------------------------------------------- -->

            <!-- ----------------------------------------------------- -->


            <script type="text/javascript">
                var nav_tab = new goodsList("tablist", "tabitem", "tabDiv", "tabDivs", "0");
                nav_tab.main()
            </script>
        </div>
        <div>
            <div class="tabDivs">
                <div class="upload_photo firstrow" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=upload&m=hc_face'">
                    <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/hand.png">
                    <span style="font-size:4vw;">获取面相报告</span>
                </div>
            </div>
            <div class="tabDivs" style="display: none">
                <div class="upload_photo firstrow" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=upload_hand&m=hc_face'">
                    <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/hand.png">
                    <span style="font-size:4vw;">获取手相报告</span>
                </div>
            </div>
        </div>
    </div>
    <!-- 新用户首页结束 -->
    <!-- 老用户首页开始 -->
    <div class="second" style="/* display: none; */">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img class="banners" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/banner.png"> </div>
                <div class="swiper-slide">
                    <img class="banners" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/banner1.png"> </div>
            </div> <div class="swiper-pagination"></div>
        </div>
        <div class="navlist">
            <div class="nav">
                <div class="navdetail row" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=my&m=hc_face'">
                    <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/icon1.png">
                    <div class="content column">
                        <span>面相/手相报告</span>
                        <span>财运通畅，有福气</span>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="navdetail row" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=rank&m=hc_face'">
                    <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/icon2.png">
                    <div class="content column">
                        <span>面相/手相排行</span>
                        <span>当前排名第名</span>
                    </div>
                </div>
            </div>
            <div class="nav" onclick="show()">
                <div class="navdetail row">
                    <img src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/icon3.png">
                    <div class="content column">
                        <span>分享</span>
                        <span>邀请更多好友/群友</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer row" style="z-index:6;">
            <div class="index" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=more&m=hc_face'">
                <img src="http://lll.keyan.mobi/addons/hc_face/public/index.png">
                <span>更多</span>
            </div>
            <a href="javascript:sel_nav();"><img class="publish" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/publish.png"></a>
            <div class="my" onclick="window.location.href='http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=buy&m=hc_face'">
                <img src="http://lll.keyan.mobi/addons/hc_face/public/my.png">
                <span>我的报告</span>
            </div>
        </div>
        <div class="nav_icon row" style="opacity: 0; bottom: 0px; z-index: 0;">
            <img class="nav_icon1" onclick="jump(1)" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/nav_icon1.png">
            <img class="nav_icon1" onclick="jump(2)" src="http://lll.keyan.mobi/addons/hc_face/template/mobile/images/nav_icon2.png">
        </div>
    </div>
    <!-- 老用户首页结束 -->
</div>
<script>;</script><script type="text/javascript" src="http://lll.keyan.mobi/app/index.php?i=21&c=utility&a=visit&do=showjs&m=hc_face"></script>
<script type="text/javascript">
    var status = 1;
    function jump(url) {
        if (url == 1) {
            window.location.href = "http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=upload&m=hc_face"
            $(".nav_icon").animate({
                    "opacity": "0",
                    "bottom": "0",
                    "z-index": 0
                },
                100,
                "linear",
                function () {
                    // status = 1
                })
        } else {
            window.location.href = "http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=upload_hand&m=hc_face";
            $(".nav_icon").animate({
                    "opacity": "0",
                    "bottom": "0",
                    "z-index": 0
                },
                100,
                "linear",
                function () {
                    // status = 1
                })
        }

    }


    $(function () {
        $.ajax({
            type: "GET",
            url: "http://lll.keyan.mobi/app/index.php?i=21&c=entry&do=checkauth&m=hc_face",
            dataType: "json",
            success: function (data) {
                if (data.code == 1) {
                    $(".second").show();
                    $(".first").hide();
                    var swiper = new Swiper('.swiper-container',

                        {

                            autoplay: true,

                            controller: true,

                            loop: true,

                            pagination: {

                                el: '.swiper-pagination',

                            }

                        });
                } else {
                    $(".second").hide();
                    $(".first").show();
                }
            }
        });
    });

    function show() {
        $(".shareMain").show()
    }
    function hide() {
        $(".shareMain").hide()
    }

    function sel_nav() {
        if(!status){
            status=1;
        }
        if (status == 1) {
            $(".nav_icon").animate({
                    "opacity": "1",
                    "bottom": "25vw",
                    "z-index": 33
                },
                100,
                "linear",
                function () {
                    status = 2
                })
        } else if (status == 2) {
            $(".nav_icon").animate({
                    "opacity": "0",
                    "bottom": "0",
                    "z-index": 0
                },
                100,
                "linear",
                function () {
                    status = 1
                })
        }

    }
</script>

</body></html>